<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>7天</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/laydate.css">
    <script src="http://img.jb51.net/jslib/jquery/jquery.js" type="text/javascript"></script>
    <script src="js/jquery-1.11.3.js" type="text/javascript"></script>
    <script src="js/7day.js" type="text/javascript"></script>
        <!--日期插件-->
    <script src="js/laydate.js" type="text/javascript"></script>
        <!--日期插件结束-->
    <script type="text/javascript">
        $(document).ready(function () {
            $(".tab span:first").addClass("current"); //为第一个SPAN添加当前效果样式
            $(".tab ul:not(:first)").hide(); //隐藏其它的UL
            $(".tab span").mouseover(function () {
                $(".tab span").removeClass("current"); //去掉所有SPAN的样式
                $(this).addClass("current");
                $(".tab ul").hide();
                $("." + $(this).attr("id")).fadeIn('slow');
            });
        });
    </script>
</head>
<body>

<!--导航开始-->
<div class="header">
    <div class="header-top">
        <img class="header-top-left" src="pic/7天酒店官网3_03.png" alt="">
        <ul class="header-top-right">
            <li><a href="#">登录</a></li>
            <li><a href="#">注册</a></li>
            <li><a href="#">招商加盟</a></li>
        </ul>
        <input type="text" placeholder="搜索">
    </div>
    <div style="clear:both"></div>
    <div class="header-nav Effects">
        <ul class="nav-wrap">
            <li><a href="#">我的7天</a></li>
            <li><a href="#">分店预订</a></li>
            <li><a href="#">特惠专区</a></li>
            <li><a href="#">铂涛会</a></li>
            <li><a href="#">7天酒店</a></li>
            <li><a href="#">7天优品</a></li>
            <li><a href="#">IU酒店</a></li>
            <li><a href="#">派酒店</a></li>
            <li><a href="#">合作加盟</a></li>
            <li><a href="#">7天官博</a></li>
        </ul>
    </div><!--header-nav-->
</div><!--header-->
<!--导航结束-->

<div id="chanpinzhanshi">
    <div id="chanpin">
        <ul>
            <li><img src="pic/7天酒店官网3_13.jpg" alt=""></li>
            <li><img src="pic/7天酒店官网3_09.jpg" alt=""></li>
            <li><img src="pic/7天酒店官网3_11.jpg" alt=""></li>
            <li><img src="pic/7天酒店官网3_13.jpg" alt=""></li>
            <li><img src="pic/7天酒店官网3_09.jpg" alt=""></li>
            <li><img src="pic/7天酒店官网3_11.jpg" alt=""></li>
        </ul>
    </div>
    <div id="chanpin2">
        <ul>
            <li><img src="pic/7天酒店官网3_30.jpg" alt=""></li>
            <li><img src="pic/7天酒店官网3_31.jpg" alt=""></li>
            <li><img src="pic/7天酒店官网3_32.jpg" alt=""></li>
            <li><img src="pic/7天酒店官网3_30.jpg" alt=""></li>
            <li><img src="pic/7天酒店官网3_31.jpg" alt=""></li>
            <li><img src="pic/7天酒店官网3_32.jpg" alt=""></li>
        </ul>
    </div>
</div>
<!--房间预订-->
<div id="yuding">
    <div id="yudingtop">
        <div><img src="pic/7天酒店官网4_03.jpg" alt="">
            <p>酒店预订</p></div>
        <div><img src="pic/7天酒店官网4_05.jpg" alt="">
            <p>搜easy</p></div>
        <div><img src="pic/7天酒店官网4_07.png" alt="">
            <p>地图预订</p></div>
    </div>
    <form action="">
        <label for="city">入住城市</label>
        <input id="city" type="text"> <br><br>
        <label for="quyu">行政区域</label>
        <input id="quyu" type="text">
        <input id="test" class="laydate-icon">
    </form>


</div>

<!--年轻的选择-->
<div class="yang">
    <div class="yang-left">
        <p id="yang-left-top">7天品牌新形象-年轻的选择</p>
        <img src="pic/7天酒店官网_11.jpg" alt="">
    </div>
    <div class="yang-right">
        <div class="tab">
            <p>
                <span id="tab1">品牌专区</span> <span id="tab2">论坛聚焦</span></p>
            <ul class="tab1">
                <li>7天优品酒店，用品质感造就美感</li>
                <li>7天优品酒店，用品质感造就美感</li>
                <li>7天优品酒店，用品质感造就美感</li>
            </ul>
            <ul class="tab2">
                <li>一花一世办</li>
                <li>一草一天堂</li>
                <li>一草一天堂</li>
            </ul>
        </div>

    </div>
</div>


<!--底部广告-->
<div class="footer">
    <img src="pic/7天酒店官网1_18.png" alt="">
    <hr/>
    <img src="pic/7天酒店官网_20.jpg" alt="">
    <a href="#">铂涛集团</a><a href="#">关于7天</a><a href="#">诚聘英才</a><a href="#">联系我们</a><a href="#">友情链接</a>
    <a href="#">网站地图</a> <br> <a href="#">客服热线：4008740087</a><a href="#">微信预订搜“铂涛会”</a><a href="#">手机客户端</a>
    <br>
    <a>铂涛集团7天连锁酒店版权所有copyright 2005-2013粤ICP备05069521号</a>
</div>

</body>
</html>